$(document).ready(function() { // 确保文档完全加载后再执行内部代码
    const loginButton = $('button'); // 获取登录按钮
    const usernameInput = $('.username'); // 获取用户名输入框
    const passwordInput = $('.password'); // 获取密码输入框
  
    // 登录按钮点击事件
    loginButton.on('click', function(event) {
        event.preventDefault(); // 防止表单提交的默认行为
  
        const username = usernameInput.val().trim(); // 获取并修剪用户名输入框的值
        const password = passwordInput.val().trim(); // 获取并修剪密码输入框的值
  
        // 检查用户名和密码是否为空
        if (username === '' || password === '') {
            alert('用户名和密码不能为空'); // 弹出提示框
            return; // 停止后续操作
        }
  
        // 发送登录请求
        axios.post('http://localhost:9000/users/login', {
            username: username, // 用户名
            password: password // 密码
        }).then(response => {
            if (response.data.code === 1) { // 如果登录成功
                localStorage.setItem('token', response.data.token); // 将 token 存储到 localStorage
                localStorage.setItem('user_id', response.data.user.id); // 将用户ID存储到 localStorage
                localStorage.setItem('nickname', response.data.user.nickname); // 将用户昵称存储到 localStorage
                window.location.href = 'main.html'; // 登录成功后跳转到主页
            } else { // 如果登录失败
                alert('登录失败：' + response.data.message); // 弹出错误信息
            }
        }).catch(error => { // 处理请求错误
            console.error('登录请求出错：', error); // 在控制台打印错误信息
            alert('登录请求出错，请稍后重试'); // 弹出错误提示
        });
    });
  });
  